.user {
  display: flex;
  padding-bottom: 2rem !important;
  padding-top: 2rem !important;

  ::-webkit-scrollbar {
    width: 0.2rem;
    height: 0px;
  }

  ::-webkit-scrollbar-track {
    border-radius: 0.1rem;
    background-color: #f4f5f6;
    z-index: 10;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 0.5rem;
    height: 100px;
    background-color: #dcdcdc;
  }

  .user-frame {
    flex: 1;
    max-width: 100%;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;

    .user-panel {
      flex: 1;
      max-width: 100%;
      clear: both;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;

      .user-fast {
        width: 580px;
        clear: both;
        max-width: 100%;
        min-height: 15rem;
        padding-bottom: 1rem;

        .userinfo-panel {
          width: 100%;
          display: flex;
          min-height: 8rem;
          clear: both;
          flex-direction: column;
          background: #EA9CFF;
          padding: 0.5rem 0.8rem;

          .name-frame {
            width: 100%;
            min-height: 1.5rem;
            clear: both;
            display: flex;
            align-items: center;
            font-size: 1.2rem;
            word-break: break-all;
            justify-content: space-between;

            .nick-name {
              flex: 1;
              height: 100%;
              font-family: "BTBlack";
              display: flex;

              .name {
                font-size: 1.2rem;
                line-height: 1.2rem;
              }

              .job {
                display: flex;
                width: 40%;
                clear: both;
                min-height: 100%;
                font-size: 0.6rem;
                line-height: 0.6rem;
                align-items: center;
                margin-left: 0.5rem;
              }
            }

            .icon {
              cursor: pointer;
              width: 0.8rem;
              height: 0.8rem;
              object-fit: contain;
            }
          }

          .info-frame {
            flex: 1;
            margin-top: 1.5rem;
            display: flex;

            .info-left {
              clear: both;

              .info-panel {
                width: 100%;
                clear: both;
                font-size: 0.6rem;
                line-height: 0.6rem;
                margin-top: 0.3rem;
                font-family: "BTBlack";

                .text {
                  font-size: 0.4rem;
                  font-family: "Helvetica";
                }
              }
            }

            .info-right {
              flex: 1;
              height: 100%;
              font-size: 0.8rem;
              line-height: 0.8rem;
              margin-left: 7%;

              .title {
                font-size: 0.8rem;
                font-family: "BTBlack";
              }

              .right-panel {
                font-size: 0.5rem;
                line-height: 0.7rem;
                margin-top: 0.2rem;
                font-family: "Helvetica";
              }
            }
          }

          .sign-frame {
            width: 100%;
            height: 50px;
            margin-top: 15px;
            display: flex;
            align-items: center;

            p {
              cursor: pointer;
              padding: 8px 10px;
              font-size: 16px;
              font-family: "xbold";
              background: #fff;
              border-radius: 3px;
            }
          }
        }

        .column-frame {
          width: 100%;
          clear: both;
          margin-top: 1rem;
          display: flex;
          justify-content: center;

          .column-panel {
            width: 100%;
            clear: both;
            display: flex;
            flex-wrap: wrap;
            padding: 0;

            .menu-frame {
              width: 25%;
              clear: both;
              padding: 0 0.5rem 0.5rem 0.5rem;
              border-radius: 0.2rem;

              .menu-panel {
                width: 100%;
                padding: 90% 0 0;
                position: relative;

                .menu-fast {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: 1.6rem;
                  color: #000;
                  cursor: pointer;
                }
              }

              .menu-label {
                width: 100%;
                clear: both;
                min-height: 0.7rem;
                font-size: 0.7rem;
                line-height: 0.7rem;
                text-align: center;
                font-family: "BTBlack";
              }
            }
          }
        }

        .right-frame {
          width: 100%;
          clear: both;

          .right-panel {
            flex: 1;
            clear: both;
            margin-top: 1rem;

            .title-frame {
              display: flex;
              justify-content: center;
              font-size: 0.8rem;
              line-height: 1.2rem;
              font-family: "BTBlack";
            }

            .right-fast {
              width: 100%;
              height: 8rem;
              margin-top: 0.5rem;
              padding: 0 15px;
              padding-top: 10px;
              padding-bottom: 15px;
              font-family: "Helvetica";
              //border: 1px solid #dcdcdc;
              background: #f4f5f6;
              border-radius: 0.1rem;
              overflow-y: auto;

              .blog-frame {
                width: 100%;
                clear: both;
                display: flex;
                padding: 0.25rem 0;
                border-bottom: 1px solid #dcdcdc;

                .blog-panel {
                  flex: 1;
                  clear: both;

                  .blog-title {
                    width: 100%;
                    height: 0.8rem;
                    font-size: 0.7rem;
                    line-height: 0.8rem;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                  }

                  .blog-desc {
                    width: 100%;
                    min-height: 0.7rem;
                    clear: both;
                    max-height: 1.4rem;
                    font-size: 0.6rem;
                    line-height: 0.7rem;
                    margin-top: 2px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                  }

                  .blog-time {
                    font-size: 0.5rem;
                    margin-top: 5px;
                    color: #676766;
                  }
                }

                .tips-frame {
                  clear: both;
                  height: 1.6rem;
                  display: flex;
                  margin-top: 0.2rem;
                  align-items: center;
                  justify-content: center;

                  .tips-panel {
                    height: 1.6rem;
                    clear: both;
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: center;

                    .van-icon {
                      font-size: 1rem;
                    }

                    .van-icon-await {
                      color: #969799;
                    }

                    p {
                      width: 90%;
                      text-align: center;
                      font-size: 0.5rem;
                      line-height: 0.8rem;
                    }
                  }
                }
              }
            }
          }
        }
      }


      .right-frame {
        width: 280px;
        clear: both;
        max-width: 100%;

        .right-panel:first-child {
          padding-top: 0rem;
        }

        .right-panel {
          width: 100%;
          clear: both;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          padding-top: 0.5rem;

          .panel-title {
            font-size: 0.8rem;
            line-height: 1.4rem;
            font-family: "BTBlack";
          }

          .right-fast {
            width: 100%;
            min-height: 4rem;
            max-height: 8rem;
            margin-top: 0.5rem;
            clear: both;
            display: flex;
            flex-wrap: wrap;
            overflow-y: auto;
            text-align: center;
            align-content: flex-start;
            align-items: flex-start;

            .img-panel {
              width: 100%;
              clear: both;
              display: flex;
              flex-wrap: wrap;

              .img-fast {
                width: 33.33%;
                clear: both;
                padding: 10px;
              }

              .img {
                cursor: pointer;
                width: 100%;
                height: 4rem;
                object-fit: cover;

              }
            }
          }

          .line {
            width: 3rem;
            display: flex;
            justify-content: space-between;
            margin-top: 1rem;

            .line-o {
              width: 0.8rem;
              border-bottom: 1px solid #969799;
            }
          }
        }
      }
    }
  }
}

.changepassword {
  width: 100%;
  clear: both;
  margin: 0 auto;
  padding-bottom: 1rem;

  .main-frame {
    width: 100%;
    clear: both;

    .input-frame {
      width: 100%;
      clear: both;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 auto;
      margin-top: 0.5rem;

      .buttom {
        width: 4rem;
        height: 36px;
        object-fit: cover;
        font-size: 0.7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #d1ffe0;
        border: 0;
        color: #000;
      }

      .van-cell-group {
        width: 100%;
      }

      .van-field {
        width: 100%;
        height: 2rem;
        font-size: 0.7rem;
        line-height: 0.7rem;
      }
    }

    .register-tips-frame {
      width: 100%;
      clear: both;
      font-size: 0.6rem;
      line-height: 0.7rem;
      color: #646564;
    }
  }

  .success-frame {
    width: 100%;
    min-height: 1rem;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 1rem;

    .tips-frame {
      padding-top: 0.6rem;
      width: 100%;
      clear: both;
      display: flex;
      justify-content: center;
      font-size: 0.8rem;
      line-height: 0.9rem;

      .login-label {
        border-bottom: 1px solid #000;
      }
    }
  }
}

.service {

  .service-title {
    font-size: 0.7rem;
    line-height: 1.2rem;
    font-family: 'Reduced';
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0.5rem;
  }

  .service-text {
    font-size: 0.7rem;
    line-height: 0.7rem;
    font-family: 'Helvetica';
    text-align: center;
  }
}
